<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../css/fujin/fujin.css"/>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a href="javascript:;">
        <span>附近</span>
        <!--<span class="weizhi mui-ellipsis" >丹尼斯(科学大道)</span>-->
        <!--<img src="../../img/shouye/jiantou.png" alt="" />-->
    </a>
    <a href="javascript:;">
        <img src="../../img/shouye/icon_sousuo_hui@2x.png" alt=""/>
        <input data-link="search.html" type="search" placeholder="搜索附近门店" id="searchBox"/>
    </a>
</header>

<div class="mui-content">

    <div id="slider" class="mui-slider">
        <div id="sliderSegmentedControl"
             class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <a value="1" class="mui-control-item mui-active" href="#item1mobile">
                爱美食
            </a>
            <a value="2" class="mui-control-item" href="#item2mobile">
                享休闲
            </a>
            <a value="3" class="mui-control-item" href="#item3mobile">
                爱逛街
            </a>
            <a value="4" class="mui-control-item" href="#item4mobile">
                全部
            </a>
        </div>

        <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-3"></div>

        <div class="mui-slider-group">

            <!-- 爱美食 -->
            <div id="item1mobile" class="mui-slider-item aa mui-control-content mui-active">
                <div class="mui-scroll">
                    <div class="main">

                        <div class="main_list2">
                            <div class="item" data-shopId="{{value.shopId}}">
                                <div class="list_left">
                                    <img src="../../img/shouye/waimai.png" alt=""/>
                                </div>
                                <div class="list_right">
                                    <p>
                                    <span class="mui-ellipsis">
                                    <a href="javascript:;">可口可乐餐馆</a>
                                    <a href="javascript:;"></a>
                                    </span>
                                    <img src="../../img/shouye/waimai.png"/>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="../../img/shouye/star@2x.png" alt=""/>
                                            <img src="../../img/shouye/star_1@2x.png" alt=""/>
                                            <img src="../../img/shouye/star_1@2x.png" alt=""/>
                                            <img src="../../img/shouye/star_1@2x.png" alt=""/>
                                            <img src="../../img/shouye/star_1@2x.png" alt=""/>
                                        </span>
                                            <span>人均100元</span></p>

                                    <p>
                                        <span class="mui-ellipsis">可乐</span>
                                        <span>5km</span>
                                    </p>
                                </div>
                                <a href="javascript:;"></a>
                                <div style="clear: both;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 享休闲 -->
            <div id="item2mobile" class="mui-slider-item bb mui-control-content">
                <div class="mui-scroll">
                    <div class="main">

                    </div>
                </div>
            </div>

            <!-- 爱逛街 -->
            <div id="item3mobile" class="mui-slider-item cc mui-control-content">
                <div class="mui-scroll">
                    <div class="main">

                    </div>
                </div>
            </div>

            <!-- 全部 -->
            <div id="item4mobile" class="mui-slider-item dd mui-control-content">
                <div class="mui-scroll">
                    <div class="main">

                    </div>
                </div>
            </div>

        </div>

    </div>
</div>

<nav class="mui-bar mui-bar-tab nav-tab-isshow">
    <a href="../index/index.html">
        <img src="../../img/shouye/Home@2x2.png"/>
        <span>首页</span>
    </a>
    <a href="javascript:;">
        <img src="../../img/shouye/Send@2x.png"/>
        <span>附近</span>
    </a>
    <a href="../jifen/index.html">
        <img src="../../img/shouye/jifenshagncheng@2x.png"/>
        <span>积分商城</span>
    </a>
    <a href="../mine/index.html">
        <img src="../../img/shouye/wode@2x.png"/>
        <span>我的</span>
    </a>
</nav>

<script src="../../js/mui.min.js"></script>
<script src="../../js/template-web.js"></script>
<script src="../../js/jquery-1.7.2.js"></script>

</body>

</html>